<template>
	<view>
		<view class="search">
			<view class="search-core">
				<image src="../../static/imges/icon_home_search@2x.png" class="search-core-logo"></image>
				<input type="text" class="search-core-inp" placeholder="请输入搜索药品名称" />
			</view>
			<view class="search-core-click">搜索</view>
		</view>
		
		<view class="salesReport-tab"><u-tabes v-model="activeTab" :scroll="false" :tabs="['成交订单', '失败订单', '取消订单']" @change="selectTab"></u-tabes></view>
		
		<view class="salesReport-order">
			<view class="salesReport-order-list">
				<view class="salesReport-order-title">成交订单数量</view>
				<view class="salesReport-order-word">1002<text>单</text></view>
			</view>
			<view class="salesReport-order-list">
				<view class="salesReport-order-title">成交订单金额</view>
				<view class="salesReport-order-word">21008.2<text>元</text></view>
			</view>
			
		</view>
		
		<view class="salesReport-total">
			<view class="salesReport-total-time">12月</view>
			<view class="salesReport-total-order">
				<view class="salesReport-total-word">1201单</view>
				<view class="salesReport-total-word">12012.1元</view>
			</view>
		</view>
		
		<view class="salesReport-item">
			<view class="salesReport-item-title">#01</view>
			<view class="salesReport-item-list">
				<image src="../../static/icon_logo.png" class="salesReport-item-logo"></image>
				<view class="salesReport-item-right">
					<view class="salesReport-item-title">999感冒灵颗粒</view>
					<view class="salesReport-item-money">
						<view class="salesReport-item-moneyleft">x3</view>
						<view class="salesReport-item-moneyright">￥27.9</view>
					</view>
				</view>
			</view>
			<view class="salesReport-item-total">
				<view class="salesReport-item-totalleft">合计</view>
				<view class="salesReport-item-totalright">￥52.8</view>
			</view>
			<view class="salesReport-item-word">
				<view class="salesReport-item-wordl">订单时间</view>
				<view class="salesReport-item-wordl">12-22  16:42:12</view>
			</view>
			
			<view class="salesReport-item-word">
				<view class="salesReport-item-wordl">支付方式</view>
				<view class="salesReport-item-wordl">微信支付</view>
			</view>
			
			<view class="salesReport-item-word">
				<view class="salesReport-item-wordl">购药方式</view>
				<view class="salesReport-item-wordl">线下药柜</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import uTabes from '@/components/u-tabes/u-tabes.vue';
	export default {
		components: {
			uTabes,
		},
		data() {
			return {
				activeTab: 0,
			}
		},
		onLoad() {

		},
		methods: {
			selectTab(e) {
				this.activeTab = e;
				this.params.page = 1;
				this.orderList = [];
				this.getMyOrdersPage();
			},
		}
	}
</script>

<style lang="less">
	@import './salesReport.less';
</style>
